<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/register.css">
</head>

<body>
    <!-- 头部 -->
    <div class="header header-login">
        <div class="area">
            <div class="logo">
                <div class="fl">
                    <a href="" title="卷皮首页" class="juan-logo fl"></a>
                    <span class="juan-txt fl"></span>
                </div>
            </div>
            <div class="protection">
                <a href="" class="update" title="每天10点开抢"></a>
                <a href="" class="lowest" title="职业买手砍价"></a>
                <a href="" class="check1" title="商品验货质检"></a>
            </div>
        </div>
    </div>
    <!-- 主体 -->
    <div class="main">
        <div class="login-main">
            <div class="login-content">
                <div class="title">
                    <span class="hd">新用户注册</span>
                    <span class="tips">注册卷皮网,赢积分换好礼!</span>
                    <p class="other">
                        已有帐号
                        <a href="./login.html">立即登录</a>
                    </p>
                </div>
                <div class="login-center">
                    <div class="content-landing fl">
                        <form action="/register/saveRegister" method="post" onsubmit="return false;" id="register">
                            <ul>
                                <li class="error_box">
                                    <label class="normal">用户名：</label>
                                    <input type="text" class="normal-input" name="email" autocomplete="off" tabindex="1"
                                        id="username">
                                    <div class="error-box " id="email_warn" warn="请输入11位手机号">
                                        <p class="msg_error">请输入用户名</p>
                                    </div>
                                </li>
                                <li class="set-password">
                                    <label class="normal">创建密码：</label>
                                    <input type="password" class="normal-input" id="password" name="password"
                                        autocomplete="off" tabindex="2">
                                    <div class="error-box" id="password_warn" warn="6-16个数字、字母或符号，字母区分大小写">
                                        <p class="msg_error">请输入密码</p>
                                    </div>
                                </li>
                                <li>
                                    <label class="normal">确认密码：</label>
                                    <input type="password" class="normal-input" id="confirm_password"
                                        name="confirm_password" autocomplete="off" tabindex="3">
                                    <div class="error-box" id="confirm_password_warn" warn="请再次输入密码">
                                        <p class="msg_error">两次密码不一致,请重新输入QAQ</p>
                                    </div>
                                </li>
                                <li class="error_box">
                                    <label class="normal">昵称：</label>
                                    <input type="text" class="normal-input" name="email" autocomplete="off" tabindex="1"
                                        id="nickname">
                                    <div class="error-box " id="email_warn" warn="请输入11位手机号">
                                        <p class="msg_error">请输入昵称</p>
                                    </div>
                                </li>
                                <li>
                                    <label class="normal"></label>
                                    <div class="btn">
                                        <input type="hidden" value="d97e8c0e04554754ec3a0e9d3feb5ccf" name="mtoken"
                                            id="mtoken">
                                        <input type="hidden" name="opt" id="opt" value="115">
                                        <input type="hidden" value="2" id="isMobile" name="isMobile">
                                        <input type="submit" class="sub smt-o" value="立即注册" autocomplete="off">
                                        <span id="loading"></span>
                                    </div>
                                </li>
                                <li class="chex-d">
                                    <label class="normal" style="width:16px"></label>
                                    <div class="chex" style="width:378px">
                                        <span>
                                            <label>
                                                <input type="checkbox" class="ck" name="protocol" checked="checked">
                                                我已阅读并接受
                                                <a href="" target="_blank">《卷皮用户协议》</a>
                                            </label>
                                        </span>
                                    </div>
                                </li>
                            </ul>
                        </form>

                    </div>
                    <div class="login-l-img fr mr10" style="width: 338px;">
                        <img src="./images/login/login-bj-ad01.png" alt="">
                        <div class="line"></div>
                        <div class="third-login">
                            <div class="union-login">
                                <p class="union-title">
                                    <span>无需注册,快捷登录</span>
                                </p>
                                <div class="third-box">
                                    <a href="" class="weixin"></a>
                                    <a href="" class="sina"></a>
                                    <a href="" class="taobao"></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="./utils.js"></script>
    <script src="./js/register.js"></script>
</body>

</html>